body{
	margin: 0 auto;
    background: #f2f2f2;
    height: 100%;
}
.shade{
	width: 100%;
	height: 100%;
	background-color: #CCCCCC;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	display: none;
}
/*搜索页面*/
.searchPage{
	width: 100%;
	height: 100%;
    margin: 0 auto;
}
.searchPage .search-header-wrap{
	position: relative;
}
/*---------左右两边的按钮------------*/
#searchForm span.back{
	position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 44px;
}
#searchForm span.back:before{
	content: '';
	width: 14px;
	height: 14px;
	border-left: 2px solid #8A9094;
    border-top: 2px solid #8A9094;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -8px;
	transform: rotate(-45deg);
}
#searchForm button{
	position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 44px;
    background: none;
    color: #099fde;
    font-size: 15px;
    font-family: Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei;
    text-align: center;
    border: 0 none;
}
	
#searchForm{
	width: 100%;
	position: relative;
    padding: 0 50px 0 45px;
    height: 44px;
    border-bottom: 1px solid #DDD;
    font: normal 14px/1.5 Arial,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;
    color: #000;
    background-color: #e6f0f7;
}
#searchForm .search-box{
	height: 100%;
    position: relative;
    z-index: 1;
    padding: 6px 0;
}
#searchForm input{
	position: relative;
    width: 100%;
    padding: 0 32px 0 30px;
    height: 30px;
    font-size: 14px;
    font-family: Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei;
    background-color: #fff;
    border: 0 none;
    border-radius: 5px;
    outline: 0 none;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}
/*----------------左边的搜索按钮-----------------*/
#searchForm .search-box:before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border:1px solid #A9A9A9;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -8px;
	z-index: 1;
}
#searchForm .search-box:after{
	content: '';
	display: block;
	width: 6px;
	height: 1px;
	background: #A9A9A9;
	position: absolute;
	left: 18px;
	top: 50%;
	margin-top: 2px;
	z-index: 1;
	transform: rotate(45deg);
}
/*-------------右边的清除按钮-------------*/
#searchForm .search-box .i-clear{
	display: inline-block;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0;
	top: 6px;
	/*background: red;*/
}
#searchForm .search-box .i-clear:before{
	content: '';
	width: 16px;
	height: 1px;
	background: #A9A9A9;
	transform: rotate(45deg);
	
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
}
#searchForm .search-box .i-clear:after{
	content: '';
	width: 16px;
	height: 1px;
	background: #A9A9A9;
	transform: rotate(-45deg);
	
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
}

/*下面部分*/
.promote_div{
	width: 100%;
    height: 50px;
    line-height: 50px;
	color: #333;
    border: 1px solid #DDD;
    position: relative;
    padding-left: 54px;
}

.promote_div i{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url('../img/un_icon_ctrip.png') no-repeat;
	position: absolute;
	left: 8px;
	top: 4px;
}
.promote_div .span1{
	font-size: 16px;
}
.promote_div .span2{
	color: #ff6600;
    font: normal 18px/1.5 Verdana;
}

/*搜索热词*/
.js-hot-wrap h4{
	margin: 8px 15px 2px;
    font-weight: normal;
    font-size: 13px;
    color: #666;
}

.js-hot-wrap ul{
	width: 100%;
	font: normal 16px/1.5 Arial,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;
    color: #000;
}
.js-hot-wrap li{
	position: relative;
    padding: 10px 35px;
    border-top: 1px solid #DDD;
    background: #fff;
}
.js-hot-wrap li i{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 35px;
}
.js-hot-wrap li i:before{
	content: '';
	
    width: 12px;
    height: 12px;
    border-top: 2px solid #CCC;
    border-left: 2px solid #CCC;
	
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
}
.js-hot-wrap li i:after{
	content: '';
	
    width: 14px;
    height: 2px;
	background: #CCC;
	position: absolute;
	left: 0;
	top: 50%;
	transform: rotate(45deg);
}


/*顶部*/
.xc,.main{
	width: 100%;
	height: 100%;
    margin: 0 auto;
    position: relative;
}
#searchPage{
    display: none;
}


/*主页*/
.searchBox{
	min-width: 320px;
    max-width: 540px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    z-index: 2;
    
    display: flex;
    
    padding: 7px 8px;
    background-color: #F6F6F6;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    
    /*盒子居中显示的方法*/
	position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.searchBox div{
	height: 26px;
    line-height: 24px;
    overflow: hidden;
    
    width: 100%;
    
    padding: 0 5px;
    border-radius: 5px;
    background-color: #fff;
    color: #666;
    font-size: .86em;
    border: 1px solid #999;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    
}
.searchBox a{
	/*float: right;*/
	width: 44px;
    height: 44px;
    position: relative;
}
.searchBox a span:before{
	content: "\0020";
    position: absolute;
    top: -8px;
    right: 8px;
    margin-left: -10px;
    width: 23px;
    height: 23px;
    
    background: url('../img/un_ico_home_v620.png') no-repeat;
    background-size: 104px 326px;
    background-position: -59px -193px;
}
.searchBox a span{
	position: absolute;
    right: -2px;
    bottom: -4px;
    width: 100%;
    text-align: center;
    font-size: .86em;
    color: #2EAAE0;
    white-space: nowrap;
}


.searchBox div span{
	padding-left: 20px;
}
.searchBox div  span:before{
	content: "";
	width: 15px;
    height: 18px;
	background: url('../img/un_ico_home_v620.png') no-repeat;
    background-position: -59px -276px;
    background-size: 104px 326px;
	position: absolute;
    top: 11px;
    left: 16px;
}
/*头部*/
.xc_header{
	width: 100%;
	background-color: yellow;
    min-height: 64px;
    margin-top: 45px;
    background: #f2f2f2;
    
    position: relative;
    overflow: hidden;
}
.img_wrap ul.images{
	width: 1000%;	/*宽度是父盒子的10倍，10%即父盒子宽度*/
	-webkit-transform:translateX(-10%);
	transform: translateX(-10%);
}
.img_wrap li{
	float: left;
	width: 10%;
}
.jd_banner > ul:images > li > a{
    width: 100%;
    display: block;
}
.img_wrap li img{
	width: 100%;
	display: block;
}
.img_wrap .icon{
	position: absolute;
	bottom: 5px;
	right:5px;
}
.img_wrap .icon li{
	overflow: hidden;
    width: 5px;
    height: 5px;
    background: #ccc;
    display: inline-block;
    margin: 0 2px;
    border-radius: 5px;
    border: 1px solid rgba(5,15,28,.05);
}
.img_wrap .icon li.now{
	width: 13px;
	background: #fff;
}
/*酒店-机票-旅游导航*/
.xc_nav{
	padding: 4px;
	font-size: 15px;
    margin-bottom: 4px;
    height: 372px;
}
.xc_nav .row{
	height: 90px;
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin-bottom: 4px;
}
.xc_nav .cow{
	flex: 1;
	height: 100%;
	margin-right: 1px;
	/*background:deeppink ;*/
}
.xc_nav .cow a{
	background-color: #FF697A;
	display: inline-block;
	padding: 11px;
	position: relative;
}
.xc_nav .cow a.hotal{
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
}
.xc_nav .cow i{
	width: 43px;
    height: 43px;
	position: absolute;
    bottom: 5px;
    left: 50%;
    background: url('../img/un_ico_home_v620.png') no-repeat;
    background-size: 100px auto;
    margin-left: -20px;
    background-position: 0 -124px;
}

.xc_nav .cow2{
	display: flex;
	flex-direction: column;
}
.xc_nav .cow2 a{
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 100%;	
	color: #fff;
}
.xc_nav .cow2 a:first-child{
	margin-bottom: 1px;
}
/*小导航*/
.xc_subNav{
	padding: 0 4px;
	margin-bottom: 8px;
	/*height: 182px;*/
	/*background-color: gray;*/
	font-size:12px;
}
.xc_subNav .row{
	height: 60px;
	background-color: #f2f2f2;
	display: flex;
	margin-bottom: 1px;
}
.xc_subNav .cow{
	height: 100%;
	flex: 1;
	margin-right: 1px;
	background-color: #fff;
}
.xc_subNav .cow a{
	display: block;
	height: 100%;
	text-align: center;
	padding-top: 32px;
	position: relative;
}
.xc_subNav .cow i{
	display: block;
	width:20px;
	height: 20px;
	background: url('../img/un_ico_subnav_v7.1@2x.png') no-repeat;
	background-size: 20px 315px;
	background-position: 0 -80px;
	position: absolute;
	left: 50%;
	margin-left:-10px ;
	top:12px;
}
.xc_subNav .cow .ic2{
	background-position: 0 -100px;
}
.xc_subNav .cow .ic3{
	background-position: 0 -120px;
}
.xc_subNav .cow .ic4{
	background-position: 0 -140px;
}
.xc_subNav .cow .ic5{
	background-position: 0 -160px;
}
.xc_subNav .cow .ic6{
	background-position: 0 -180px;
}
.xc_subNav .cow .ic7{
	background-position: 0 -200px;
}
.xc_subNav .cow .ic8{
	background-position: 0 -220px;
}
.xc_subNav .cow .ic9{
	background-position: 0 -240px;
}
.xc_subNav .cow .ic10{
	background-position: 0 -260px;
}
.xc_subNav .cow .ic11{
	background-position: 0 -292px;
}
.xc_subNav .cow .ic12{
	background-position: 0 -60px;
}

.xc_subNav .cow:last-child{
	margin-right: 0px;
}
.xc_nav .row:nth-child(2) a{
	background-color: #3D98FF;
}
.xc_nav .row:nth-child(3) a{
	background-color: #44C522;
}
.xc_nav .row:nth-child(4) a{
	background-color: #FC9720;
}
.xc_nav .row i.icon2{
	background-position: 0 -285px;
}
.xc_nav .row i.icon3{
	background-position: 0 -180px;
}
/*特卖汇*/
.sales_box{
	margin-bottom: 8px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-width: 1px 0;
}
.sales_top{
	padding: 0 8px;
    background: #fff;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
	position: relative;
}
.sales_box .title{
	padding-top: 44px;
    height: 0;
    overflow: hidden;
}
.sales_box .title:before{
	content: '';
	width:57px;
	height: 15px;
	background: url('../img/un_home_text.png') no-repeat;
	background-size: 79px 57px;
	background-position: 0 0;
	position: absolute;
	left: 6px;
	top: 15px;
}

.sales_box .sales_top a{
	position: absolute;
	right:6px;
	top:14px;
	background: linear-gradient(to right,#FF5069,#FF6CC8);
	padding: 0 20px 0 15px;
	height: 20px;
	line-height: 20px;;
	font-size: 12px;
	color: #fff;
	border-radius: 20px;
}
.sales_box .sales_top a:before{
	content:'';
	position: absolute;
    top: 6px;
    right: 9px;
    
    width: 7px;
    height: 7px;
    
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sales_tmh .sales_bottom{
	height: 209px;
	display: flex;
}
.sales_tmh .sales_bottom .flex{
	flex: 1;
	/*background: yellow;*/
	height: 100%;
}
.sales_tmh .sales_bottom .sales_left{
	margin-right: 4px;
	padding-left: 8px;
	background-color: #f9f9f9;
}
.sales_tmh img{
	width: 100%;
	height: 60%;
}
.sales_box .sales_title{
	height: 46px;
    overflow: hidden;
    padding: 6px;
    margin-bottom: 6px;
}
.sales_tmh .sales_info span:first-child{
	color: #ff495e;
	font-size: 18px;
    line-height: 1;
    font-weight: 400;
    margin-left:8px;
}
.sales_tmh .sales_info span:last-child{
	background-color: #fd3a51;
	color: #fff;
	font-size: 10px;
	padding: 2px;
	border-radius: 10px;
}

.sales_tmh .sales_bottom .sales_right{
	display: flex;
	flex-direction: column;
}
.sales_tmh .t,.l,.r{
	flex: 1;
	background-color: #f9f9f9;
	padding: 8px 0 0 8px;
	position: relative;
}
.sales_tmh .sales_right i{
	display: block;
	position: absolute;
	margin-bottom: 8px;
}
.sales_tmh .sales_right i.icon1{
	right: 0;
	bottom: 0;
	width: 60px;
	height: 84px;
	background: url('../img/pic-tmh-02.png') no-repeat;
	background-size: cover;
}
.sales_tmh .sales_right i.icon2{
	right: 50%;
	margin-right: -25px;
	bottom: 0;
	width: 50px;
	height: 35px;
	background: url('../img/pic-tmh-03.png') no-repeat;
	background-size: cover;
}
.sales_tmh .sales_right i.icon3{
	right: 50%;
	margin-right: -25px;
	bottom: 0;
	width: 50px;
	height: 35px;
	background: url('../img/pic-tmh-04.png') no-repeat;
	background-size: cover;
}
.sales_tmh .b p{
	text-align: center;
}
.sales_tmh .b .blue{
	color: #6ab2fd;
}
.sales_tmh .b .green{
	color: #53ca9c;
}
.sales_tmh .p1{
	color: #fd3a51;
	font-size: 14px;
	font-weight: bold;
}
.sales_tmh .p2{
	font-size: 12px;
	color: #444444;
}


.sales_box .sales_bottom .b{
	flex: 1;
	display: flex;
	margin-top: 4px;
}
.sales_box .sales_bottom .b .l{
	margin-right: 4px;
}
.sales_box .sales_bottom .b .r{
}
/*热门活动*/
.sales_hot{
	/*height: 450px;*/
	background-color: #dbdbdb;
}
.sales_hot .title:before{
	width:72px;
	height: 26px;
	background-size: 79px 57px;
	background-position: 0 -15px;
}
.sales_hot .sales_footer{
	display: flex;
	margin-top: 1px;
}
.sales_hot .sales_footer .one{
	flex: 1;
	overflow: hidden;
	font-size:0;
	vertical-align: middle; 
	/*margin-top: 1px;*/
}
.sales_hot .sales_footer img{
	width: 100%;
	vertical-align: middle; 
}
.sales_hot .left{
	display: flex;
	flex-direction: column;
}
.sales_hot .left .tp{
	flex: 2;
	margin-right: 1px;
	font-size:0;
	vertical-align: bottom; 
}
.sales_hot .left .foot{
	margin-right: 1px;
}
.sales_hot .right{
	display: flex;
	flex-direction: column;
}
.sales_hot .right .middle{
	margin-top: 1px;
	margin-bottom: 1px;
}
/*底部*/
.tool_box{
	/*height: 130px;*/
	/*background-color: #ccc;*/
}
.tool_box .top{
	height: 50px;
	display: flex;
	background-color:#fff ;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
}
.tool_box .top .one{
	flex: 1;
	height: 100%;
	position: relative;
	text-align: center;
	padding-top: 24px;
	color: #333333;
	font-size: 12px;
}
.tool_box .top .one:before{
	content: '';
	width: 18px;
	height: 17px;
	background: url('../img/un_ico_home_v620.png') no-repeat;
	background-size: 104px 327px;
	background-position: -60px -153px;
	position: absolute;
	left: 50%;
	top:6px;
	margin-left: -9px;
}
.tool_box .top .reserve.one:before{
	background-position: -60px -153px;
}
.tool_box .top .client.one:before{
	background-position: -60px -173px;
}
.tool_box .top .my.one:before{
	background-position: -60px -309px;
}

.tool_box .foot{
	position: relative;
	text-align: center;
	margin-top: 4px;
	color: #333333;
	font-size: 12px;
}
.tool_box .foot ul{
	display: inline-block;
}
.tool_box .foot li{
	float: left;
	margin: 2px;
}
.tool_box .foot li.g_click{
	padding-right: 15px;
	position: relative;
	cursor: pointer;
}
.tool_box .foot li i{
	display: inline-block;
	width: 6px;
	height: 6px;
	border: 1px solid #868686;
	border-width: 0 1px 1px 0;
	transform: rotate(45deg);
	position: absolute;
	top:6px;
	right: 0;
}
.tool_box .foot p{
	text-align: center;
	padding-bottom: 20px;
}


/*隐藏域*/
.global{
	height: 230px;
	padding: 10px 0;
	background-color: #fff;
	
	position: fixed;
	bottom: 0;
	/*left: 0;*/
	z-index: 200;
	min-width: 320px;
    max-width: 540px;
    width: 100%;
    
    margin: auto;
    /*opacity: 0;*/
   display: none;
}
.global p{
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}
.global .icon_global{
	display: inline-block;
	width: 14px;
	height: 11px;
	background: url('../img/un_icon_sites.png') no-repeat;
	background-size: 30px 183px;
	background-position: 0 -160px;
}
.global .icon_close{
	display: inline-block;
	height: 40px;
	width: 44px;
	position: absolute;
	right: 0;
	top:-20px;
}
.global .icon_close:before{
	content: '';
	width: 20px;
	height: 1px;
	background: #a7a7a7;
	position: absolute;
	top: 20px;
	right: 10px;
	transform: rotate(45deg);
}
.global .icon_close:after{
	content: '';
	width: 20px;
	height: 1px;
	background: #a7a7a7;
	position: absolute;
	top: 20px;
	right: 10px;
	transform: rotate(-45deg);
}
.global .row{
	padding: 0 20px;
	display: flex;
}
.global .row .cow{
	flex: 1;
	height: 20px;
	margin-bottom: 38px;
	color: #666;
	font-size: 12px;
}
.global .row span{
	display: inline-block;
	width: 30px;
	height: 18px;
	background: url('../img/un_icon_sites.png') no-repeat;
	background-size: 30px 183px;
	vertical-align: middle;
	margin-right: 4px;
}
.global span.ico1{
		background-position: 0 0;
}

.global span.ico2{
		background-position: 0 -20px;
}

.global span.ico3{
		background-position: 0 -40px;
}
.global span.ico4{
		background-position: 0 -60px;
}
.global span.ico5{
		background-position: 0 -80px;
}
.global span.ico6{
		background-position: 0 -100px;
}
.global span.ico7{
		background-position: 0 -120px;
}
.global span.ico8{
		background-position: 0 -140px;
}
